<template>
  <div>
    <!-- 二级路由出口 -->
    <router-view></router-view>

    <!--  -->
   <div class="navbar">
    <router-link to="/index/home">首页</router-link>
    <router-link to="/index/sort">分类</router-link>
    <router-link to="/index/shop">购物车</router-link>
   </div>
  </div>
</template>

<script>

</script>
<style scoped>
    .navbar{
        width: 100vw;
        height: 44px;
        position: fixed;
        bottom:0px;
        display:flex;
    }
    .navbar a{
        flex:1
    }
</style>